
#top {
    position: relative;
    background-color: white;
    color: white;
    padding: 5px;
    height: 30%;
    margin: 0px 0px 10px 0px;
}

#bottom {
    position: relative;
    background-color: white;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#content{
    position: relative;
    background-color: white;
    padding: 5px;
    left: 5%;
    width: 90%;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}


.ui-button{
    width: 100%;
}
.panelGrid{
    width: 100%
}

.panelGrid tr, .panelGrid td {
    vertical-align: top;
    border: none !important;
    font-size: 12px;
}

.panelCenter{
    width: 100%;
}

.column1{
    width: 15%;
    height:auto
}
.column2{
    width: 70%;
    height:auto
}

.column3{
    width: 15%;
    height:auto
}


.toolbarButton{
    width: auto;
}
.toolbar{
    margin-bottom:  5px;
}

.dialogButtons{
    width: 49%;
}

.margin2{
    margin: 2px;
}

.calendar{
   font-size: 12px !important;
   width: 10px !important;
}

.rubricsMenu{
    width: 100% !important;
}

